<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@include file="header.jsp" %>
</head>
<body>
	<div id="login-dialog" class="easyui-dialog" data-options="closable:false,modal:true" title="<fmt:message key="admin.title"/>">
		<form id="loginForm" action="login.html" method="post">
		<table>
			<tr>
				<td><fmt:message key="admin.language"/></td>
				<td>
					<select id="language-select" name="locale" class="easyui-combobox loginpage-select" data-options="editable:false">
						<option value="zh_CN" ${pageContext.response.locale=='zh_CN'?'selected':''}><fmt:message key="admin.zh_CN"/></option>
						<option value="en_US" ${pageContext.response.locale=='en_US'?'selected':''}><fmt:message key="admin.en_US"/></option>
					</select>
				</td>
			</tr>
			<tr>
				<td><fmt:message key="admin.themes"/></td>
				<td>
					<select id="themes-select" name="themes" class="easyui-combobox loginpage-select" data-options="editable:false">
						<option value="default" ${themes=='default'?'selected':''}>default</option>
						<option value="black" ${themes=='black'?'selected':''}>black</option>
						<option value="bootstrap" ${themes=='bootstrap'?'selected':''}>bootstrap</option>
						<option value="gray" ${themes=='gray'?'selected':''}>gray</option>
						<option value="metro" ${themes=='metro'?'selected':''}>metro</option>
					</select>
				</td>
			</tr>
			<tr>
				<td><fmt:message key="admin.username"/></td>
				<td><input type="text" id="username" name="username" value="${param.username }" class="easyui-validatebox" data-options="required:true"></td>
			</tr>
			<tr>
				<td><fmt:message key="admin.password"/></td>
				<td><input type="password" id="password" name="password" class="easyui-validatebox" data-options="required:true"></td>
			</tr>
			<tr>
				<td><fmt:message key="admin.randcode"/></td>
				<td><input type="text" id="randcode" name="randcode" class="easyui-validatebox" data-options="required:true"></td>
			</tr>
			<tr>
				<td colspan="2" align="right">
					<img src="valid.jpg" onclick="this.src='valid.jpg?t='+Math.random();" id="randcodeimg">
				</td>
			</tr>
			<tr>
				<td colspan="2" id="message" class="error" align="right">&nbsp;${message}</td>
			</tr>
			<tr>
				<td colspan="2" align="center">
					<a href="javascript:void(0)" onclick="login()" class="easyui-linkbutton"><fmt:message key="admin.login"/></a>
					<a href="javascript:void(0)" onclick="reset()" class="easyui-linkbutton"><fmt:message key="admin.reset"/></a>
				</td>
			</tr>
		</table>
		</form>
	</div>
</body>
</html>